<script src="style/images/admin/css/tabs/tabpane.js" type="text/javascript"></script>
<div class="enbac-bound">
<table cellpadding="4" width="100%"><tr class="enbac-form-bound"  >
		<td width="73%"  class="enbac-form-title" style="font-size:18px"><strong>{if $cmd=='edit'}Sửa{else}Thêm{/if} Nhóm danh mục</strong></td>
		<td width="9%" class="form_title_button"><a href="javascript:void(0);" onclick="ZoneEditForm.submit(); return false;"><img alt="" src="style/images/admin/download_f2.png" class="icon_cmd"/><br>
		Lưu lại</a></td>
		<td width="8%" class="form_title_button"><a href="category.html?mod=zone"><img alt="" src="style/images/admin/back_f2.png" class="icon_cmd"/><br>
			Quay lại</a></td>
            </tr></table>
	<div class="form_content">
	<table width="100%" border="0" cellspacing="4" cellpadding="4">	
    <td style="width:100%" valign="top">
		{$msg}
		<input type="hidden" name="confirm_edit" id="confirm_edit" value="1" />
		<div class="form_input_label">T&ecirc;n: (Ví dụ: Mua sắm, Hàng hiệu...)</div>
		<div class="form_input">
			<input name="name" type="text" id="name" size="185" value="{$name}">
		</div>
		<div class="form_input_label">T&ecirc;n v&#7855;n t&#7855;t :</div>
		<div class="form_input">
			<textarea name="brief_name" type="text" id="brief_name" rows="3" style="width:100%">{$brief_name}</textarea>
		</div>
		
		<div class="form_input_label">Trạng thái:</div>
		<div class="form_input">
			<select name="status" id="status">{$option_status}</select>
		 </div>
       <div class="form_input_label">Vị trí:</div>
		<div class="form_input">
			<select name="position" id="position">{$option_position}</select>
		 </div>
         <div class="form_input_label">CSS Class: (Ví dụ: muasam, fashion...)</div>
		<div class="form_input">
			<input name="class" type="text" id="class" size="185" value="{$class}">
		</div>
		<table width="100%">
			<tr>
				<td style="vertical-align:top;padding:5px;">
<div class="form_input_label"><b>Danh mục cấp 1:</b></div>
		<div class="form_input" style="margin-left:20px;">
			<table>
			{foreach from=$all_top_cat item=cat}
				<tr>
					<td>{$cat.name} ({$cat.status})</td>
					<td>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td>
					<td style="text-align:right;">[{$cat.id}]</td>
				</tr>
			{/foreach}
			</table>
		<!--select name="catids[]" id="catids" multiple="multiple" style="width:300px;height:200px">-$option_cat_ids-</select-->
		</div>
				</td>
				<td style="width:70%;padding:10px;vertical-align:top;">
					<input name="catids" type="text" id="catids" size="109" value="{$catids}">
					<p>
						<table style="border-collapse:collapse; border:1px solid #C3C3C3;width:40%;">
							<tr style="line-height:20px;height:30px; background-color:#E6E6E6;">
								<th style="text-align:right;padding:0px 10px;">ID</th>
								<th style="text-align:left;padding:0px 10px;">Danh mục con</th>
								<!--th>Trạng thái</th-->
								<th>Vị trí</th>
							</tr>
							{foreach from=$items item=items}
								<tr bgcolor="{cycle values='#F7F7F7,#ffffff'}">
									<td style="text-align:right;padding:10px;">{$items.id}</td>
									<td style="padding:10px;">{$items.name}</td>
									<!--td style="text-align:center;padding:10px;">-$items.status-</td-->
									<td style="text-align:right;padding:10px;">{$items.position}</td>
								</tr>
							{/foreach}
						</table>
					</p>
				</td>
			</tr>
		</table>
		
		<p>
        <table border="0" width="300">
        	<tr>
        	  <td width="100"><br /></td>
              <td width="100" valign="top">
                	<a href="javascript:void(0);" onclick="ZoneEditForm.submit(); return false;"><img alt="" src="style/images/admin/download_f2.png" class="icon_cmd"/><br>Lưu lại</a></td>
              <td width="100"  valign="top"><a href="category.html">
					<img alt="" src="style/images/admin/back_f2.png" class="icon_cmd"/><br />Quay lại</a>
			  </td>		
        	</tr>			
        </table>
		 </p>
	</td>
  </tr>
</table>
	</div>
</div>